<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="{$_C.hy_path}css/amazeui.min.css"/>
		<link rel="stylesheet" type="text/css" href="{$_C.hy_path}css/hy.admin.css"/>
		<style>
			#tooltip{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:2px;
	display:none;
	color:#fff;
}
		</style>
	</head>
	<body>
		<div class="am-g">
			 {include file='../Common/hy_header.html'}
			 	
      <div class="am-u-md-6 am-cf">
        <div class="am-fl am-cf">
          <div class="am-btn-toolbar am-fl">
            <div class="am-btn-group am-btn-group-xs">
              <button  type="button" class="am-btn am-btn-default hy-js-delall"><span class="am-icon-trash-o"></span> 删除</button>
            </div>

           
          </div>
        </div>
      </div>
	  
      <div class="am-u-md-3 am-cf">
        <div class="am-fr">
          <div class="am-input-group am-input-group-sm">
          		<input value="{$_GET['c']}" data-am-datepicker type="text" class="am-form-field hy-js-search-type" placeholder="起始時間">
          </div>
        </div>
      </div>
      <div class="am-u-md-3 am-cf">
        <div class="am-fr">
          <div class="am-input-group am-input-group-sm">
            <input value="{$_GET['k']}" data-am-datepicker type="text" class="am-form-field hy-js-search" placeholder="截止時間">
                <span class="am-input-group-btn">
                  <button class="am-btn am-btn-default hy-js-searchbtn-wen" type="button">搜索</button>
                </span>
          </div>
        </div>
      </div>
      
      <div class="am-g">
      <div class="am-u-sm-12">
        <div class="am-form">
          <table class="am-table am-table-striped am-table-hover hy-table-main">
            <thead>
              <tr>
                <th class="table-check"><input class="hy-js-selectall" type="checkbox" /></th>
               
                <th class="table-type">微信昵称</th>
				 <th class="table-type">openid</th>
				 <th class="table-type" style="max-width:100px">报料内容</th>
                <th class="table-date">手机号码</th>
                <th class="table-date">图片</th>
               
                <th class="table-date">报料时间</th>
                <th class="table-set">操作</th>
              </tr>
          </thead>
          <tbody>
          {foreach from=$ad_list item=ad}
          	<tr>
          		<td><input class="hy-js-id" type="checkbox" value="{$ad.id}"/></td>
          		
				<td>{$ad.nickname}</td>
				<td>{$ad.openid}</td>
	            <td style="max-width:400px">{$ad.content}</td>
	            <td>{$ad.phone}</td>
	            <td>
	            	{foreach from=$ad.pic item=pic}
					<a href="{$pic}" class="tooltip" ><img src="{$pic}"  style="width:30px;"></a>
					{/foreach}
	            </td>
	           
	            <td>{$ad.created|date_format:"Y-m-d"}</td>
	            <td>
	                <div class="am-btn-toolbar">
	                  <div class="am-btn-group am-btn-group-xs">
	                   <!--  <button data-id="adcontent_{$ad.id}" data-title="{$ad.name}" data-href="index.php?g=admin&m=sign&a=content&mid={$ad.id}" class="am-btn am-btn-default am-btn-xs hy-js-href"><span class="am-icon-copy"></span> 详情</button> -->
	                    <button data-param ="{ url:'index.php?g=admin&m=suipai&a=del&id={$ad.sp_id}',hide:4}" class="am-btn am-btn-default am-btn-xs am-text-danger hy-js-del"><span class="am-icon-trash-o"></span> 删除</button>
	                  </div>
	                </div>
	            </td>
          	</tr>
          	{/foreach}
          </tbody>
        </table>
          <div class="am-cf">

			  <div class="am-fr">
				{$user_list_page}
			  </div>
			</div>
          <hr />
      
        </div>
      </div>

    </div>
    </div>
   {include file='../Common/hy_footer.html'}
   <script>
   	$(function(){
	var x = 10;
	var y = 20;
	$("a.tooltip").mouseover(function(e){
		this.myTitle = this.title;
		this.title = "";
		var imgTitle = this.myTitle? "<br/>" + this.myTitle : "";
		var tooltip = "<div id='tooltip'><img src='"+ this.href +"' alt='产品预览图'/>"+imgTitle+"<\/div>"; //创建 div 元素
		$("body").append(tooltip);	//把它追加到文档中
		$("#tooltip")
			.css({
				"top": (e.pageY+y) + "px",
				"left":  (e.pageX+x)  + "px"
			}).show("fast");	  //设置x坐标和y坐标，并且显示
    }).mouseout(function(){
		this.title = this.myTitle;
		$("#tooltip").remove();	 //移除
    }).mousemove(function(e){
		$("#tooltip")
			.css({
				"top": (e.pageY+y) + "px",
				"left":  (e.pageX+x)  + "px"
			});
	});
})
//]]>
</script>
   </script>
	</body>
</html>
